import { useRef } from "react";

const App = () => {
    const inputRef = useRef(null)
    // 这里打印inpuRef还是null，因为组件还在渲染，所以还没有和任何的dom元素进行绑定
    console.log(inputRef.current, 'inputRef.current');
    return (
        <>
            <div>
                <input ref={inputRef} />
            </div>
            <button onClick={() => {console.log(inputRef.current.value)}}>获取文本框的值</button>
            <button onClick={() => {console.log(inputRef.current.focus())}}>获取文本框的焦点</button>
        </>
    )
}

export default App
